import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '@/views/Home.vue'
import About from '@/views/About.vue'
import TodoApp from '@/views/TodoApp.vue'

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    {
        path: '/about',
        name: 'About',
        component: About
    },
    {
        path: '/todos',
        name: 'Todos',
        component: TodoApp
    },
    {
        path: '/study-scores',
        name: 'StudyScores',
        component: () => import('@/views/StudyScores.vue')
    },
    {
        path: '/m/personal/:id',
        name: 'MobilePersonalScores',
        component: () => import('@/views/PersonalScores.vue')
    },
    {
        path: '/personal-scores',
        name: 'PersonalScores',
        component: () => import('@/views/PersonalScores.vue')
    }
]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router